<include file="public/head"/>
<style type="text/css">
    .clears {
        clear: both;
    }

    /*messages*/
    .messages {
        padding: 15px 0;
    }

    .messages input, .messages select, .messages textarea {
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        font-family: "Microsoft Yahei";
    }

    .messlist {
        height: 30px;
        margin-bottom: 10px;
    }

    .messlist label {
        float: left;
        width: 100px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: right;
        padding-right: 10px;
    }

    .messlist input {
        float: left;
        width: 300px;
        height: 30px;
        padding-left: 5px;
        border: #bbb 1px solid;
    }

    .messlist.textareas {
        height: auto;
    }

    .messlist textarea {
        float: left;
        width: 400px;
        height: 110px;
        padding: 5px;
        border: #ccc 1px solid;
    }

    .messlist.yzms input {
        width: 100px;
    }

    .messlist.yzms .yzmimg {
        float: left;
        margin-left: 10px;
    }

    .messsub {
        padding: 0px 0 0 110px;
    }

    .messsub .btn {
        line-height: 22px;
        width: 50px;
        border: none;
        cursor: pointer;
        letter-spacing: 3px;
    }

    .messsub input {
        width: 100px;
        height: 35px;
        background: #ddd;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        margin-right: 5px
    }

    .messsub input:hover {
        background: #f60;
        color: #fff;
    }

    .span6 {
        border: 1px solid #dedede;
        margin-top: 50px;
    }

    .msg {
        padding: 0px 110px 10px 110px;
    }

    .msg li {
        padding: 30px 0;
        border-bottom: 1px dashed #e5e5e5;
    }

    .msg span {
        line-height: 27px;
    }

    .msg .msg-content {
        border: 1px solid #dedede;
        padding: 20px 10px;
    }

    .msg-page {
        padding-left: 110px;
    }

    .msg-page li {
        float: left;
        background-color: #dedede;
        margin-left: 2px;
    }

    .msg-page a, .msg-page span {
        display: block;
        padding: 0px 20px;
        line-height: 30px;
    }

    .msg-page .active {
        color: red;
    }

    .clearfix:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        overflow: hidden;
    }
</style>


<script type="text/javascript">
    //全局变量
    var GV = {
        ROOT: "/",
        WEB_ROOT: "/",
        JS_ROOT: "static/js/",
        APP: 'admin'/*当前应用名*/
    };
</script>


<script src="/themes/admin_simpleboot3/public/assets/js/jquery-1.10.2.min.js"></script>
<script src="/static/js/wind.js"></script>
<script src="/themes/admin_simpleboot3/public/assets/js/bootstrap.min.js"></script>


<script src="/static/js/admin.js"></script>

<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="/plugin/hz_msg_borad/admin_index/index">评论列表</a></li>
        <li class="active"><a>新增评论</a></li>
    </ul>

    <div class="common-form">
        <div class="span6" style="margin-top:10px;">
            <!--<h3 class="section-title">联系我们</h3>-->
            <form class="form-light js-ajax-form messages" role="form" method="post"
                  action="{:cmf_plugin_url('HzMsgBorad://Do/addmsg');}">
                <div class="messlist">
                    <label>文章id</label>
                    <input type="text" name="article_id" placeholder="文章id"/>
                    <div class="clears"></div>
                </div>

                <div style="text-align: left;padding:10px 0;">
                    <label style="float: left;width: 100px;height: 30px;font-size: 14px;line-height: 30px;text-align: right;padding-right: 10px;">头像</label>
                    <input type="hidden" name="avatar" id="thumbnail" value="">
                    <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
                        <img src="/themes/admin_simpleboot3/public/assets/images/default-thumbnail.png"
                             id="thumbnail-preview"
                             width="135" style="cursor: pointer"/>
                    </a>
                </div>

                <div class="messlist">
                    <label>用户名</label>
                    <input type="text" name="name" placeholder="用户名"/>
                    <div class="clears"></div>
                </div>
                <div class="messlist">
                    <label>电子邮件</label>
                    <input type="text" name="email" placeholder="电子邮件"/>
                    <div class="clears"></div>
                </div>
                <div class="messlist textareas">
                    <label><font color="red">*</font>评论内容</label>
                    <textarea name="msg" required placeholder="评论内容"></textarea>
                    <div class="clears"></div>
                </div>
                <!--<div class="messlist yzms">-->
                <!--<label><font color="red">*</font>验证码</label>-->
                <!--<input type="text" name="verify" required placeholder="验证码" style="margin-right: 30px;"/>-->
                <!--<captcha height="30" width="120" font-size="16"/>-->

                <!--<div class="clears"></div>-->
                <!--</div>-->
                <div class="messsub">
                    <button type="submit" class="btn btn-primary js-ajax-submit"
                            style="background:#00a3eb;color:#fff;margin-top:-4px; height: 35px;" data-wait="1500">提交
                    </button>
                    <input type="reset" value="重填"/>
                </div>
            </form>
        </div>
    </div>
</div>